<html lang="en">
<head>
<meta charset="utf-8">
<title>Alantis digit</title>

<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">

<!-- Styles -->
<link href="./ressources/css/bootstrap.css" rel="stylesheet">
<link href="./ressources/css/bootstrap-responsive.css" rel="stylesheet">
<link href="./ressources/css/bootstrap-overrides.css" rel="stylesheet">

<!-- <link href="./ressources/css/ui-lightness/jquery-ui-1.8.21.custom.css" -->
<!-- 	rel="stylesheet"> -->

<link href="./ressources/css/slate.css" rel="stylesheet">
<link href="./ressources/css/slate-responsive.css" rel="stylesheet">

<link href="./ressources/css/style.css" rel="stylesheet">
<link href="./ressources/css/coda-slider.css" rel="stylesheet">
<!-- <link href="./ressources/css/pages/dashboard.css" rel="stylesheet"> -->


<!-- Javascript -->
<script src="./ressources/js/jquery-1.7.2.min.js"></script>

<!-- <script src="./ressources/js/jquery-ui-1.8.21.custom.min.js"></script> -->
<!-- <script src="./ressources/js/jquery.ui.touch-punch.min.js"></script> -->

<script src="./ressources/js/bootstrap.js"></script>

<script src="./ressources/js/Slate.js"></script>

<!-- <script src="./ressources/js/plugins/excanvas/excanvas.min.js"></script> -->
<!-- <script src="./ressources/js/plugins/flot/jquery.flot.js"></script> -->
<!-- <script src="./ressources/js/plugins/flot/jquery.flot.orderBars.js"></script> -->
<!-- <script src="./ressources/js/plugins/flot/jquery.flot.pie.js"></script> -->
<!-- <script src="./ressources/js/plugins/flot/jquery.flot.resize.js"></script> -->


<style type="text/css">
.navigation li ul {
	display: none;
}
/* Le menu */
.left-side {
	width: 24%;
	float: left;
}

.menu-toggle {
	cursor: pointer;
}
/* Les slides */
.right-side {
	margin-left: 24%;
	padding-left: 10px;
}
</style>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
        <script src="./ressources/js/html5.js"></script><![endif]-->


</head>

<body class="">


	<div id="header">

		<div class="container" style="width:100%" >

			<h1>
				<a href="#"></a>
			</h1>

			<div id="info">

				<a href="javascript:;" id="info-trigger"> <i class="icon-cog"></i>
				</a>

				<div id="info-menu">

					<!-- /.info-details -->

					<div class="info-avatar">

						<img src="./ressources/img/atlantisdigit.png" alt="atlantis digit">

					</div>
					<!-- /.info-avatar -->

				</div>
				<!-- /#info-menu -->

			</div>
			<!-- /#info -->

		</div>
		<!-- /.container -->

	</div>
	<!-- /#header -->


	<div id="nav" >

		<div class="container" style="width:100%">

			<a href="javascript:;" class="btn-navbar" data-toggle="collapse"
				data-target=".nav-collapse"> <i class="icon-reorder"></i>
			</a>

			<div class="nav-collapse">

				<ul class="nav">

					<li class="nav-icon active"><a href="#"> <i class="icon-home"></i>
							<span>Home</span>
					</a></li>
			
			</div>
			<!-- /.nav-collapse -->

		</div>
		<!-- /.container -->

	</div>
	<!-- /#nav -->


<div id="content">
		<div class="container-fluid"
			style="padding-left: 0px; padding-right: 0px;">

			<div class="row-fluid">


				<div class="left-side">

					<div class="widget">

						<div class="widget-header">

							<h3>
								<i class="icon-tasks"></i> Menu
							</h3>
						</div>
						<!-- /.widget-header -->

						<div class="widget-content">

							<div id="intro">
                                                     <?= $menu?>
                                            </div>


							<br>

						</div>
						<!-- /.widget-content -->
					</div>
				</div>
				<!-- /.left-side -->

				<div class="right-side">
					<iframe name="frame_slide" id="frame_slide"
						src="./ressources/<?= $default ?>.html"
						style="width: 100%; height: 100%;"
						frameborder="0"
						scrolling="no">
					</iframe>
				</div><!-- /.right-side -->
			</div><!-- /.row -->
		</div><!-- /.container -->
</div><!-- /#content -->
	<script type="text/javascript">
    $(function(){
    $('.navigation').children().each(function(){
            var self = $(this);
            self.children('a').click(function(){
                    var child_list =  $(this).next('ul');

                    if( child_list.css('display') != "none" )
                    {
                            child_list.slideToggle();
                            return;
                    }

                    $(".navigation li ul").each(function(){

                            $(this).slideUp();
                    });
                    child_list.slideToggle();

            })
    });

    $('.navigation li ul li').each(function(){
            var self = $(this);
            self.children('a').click(function(){
                    $(this).next().slideToggle();
            });

    });
    });
</script>
	<div id="footer">

		<div class="container">

			<center>© Copyright Atlantis digit 2014. All Rights Reserved.</center>

		</div>
		<!-- /.container -->

	</div>
	<!-- /#footer -->
</body>
</html>